<template>
  <div>
      <!-- 
          v-bind绑定style => 控制行内样式
          语法： 
          :style="样式对象"  {backgroud:'red', width:'200px'}
          :style="[样式对象,样式对象]"
       -->
      <div :style="{background:'orange',width:'200px',height:'200px'}"></div>
      <div :style="obj"></div>
      <!-- 传数组 -->
      <div :style="[obj, obj2]"></div>
  </div>
</template>

<script>
export default {
    data(){
        return {
            obj:{
               width:'200px ',
               height:'200px',
               background:'skyblue',
            //    borderRadius:'50%'
            'border-radius':'50%'
            },
            obj2:{
                width:'500px'
            }
        }
    }
}
</script>

<style>

</style>